<template>
  <div class="content">
    <h1>Content</h1>
    <button @click="handler">触发父组件给我绑定的自定义事件abc</button>
  </div>
</template>

<script>
export default {
  name: "Content",
  methods: {
    handler() {
      // console.log("111");
      /* 
        在组件实例上有一个$emit方法,可以触发当前组件的自定义事件
      */
      this.$emit("abc", 1, 2);
    },
  },
};
</script>

<style>
.content {
  background-color: cyan;
}
</style>